<template>
	<div class="footer">
		<div class="footer-box">
			<div class="footer-left">
				<img src="../assets/logo.png"/><br />
					<input type="email" name="" id="" value="" />
					<span>邮件订阅</span>
				<div class="copyright-content">
					Copyright ©udz.com. All Rights Reserved. <br /> 
					优定制科技（北京）有限公司<br />
					京ICP备14053608号 京公网安备号 11010802017620
				</div>
			</div>
			<div class="footer-right">
				<div>
					<span>关于UDZ</span>
					<ul>
						<li>关于我们</li>
						<li>最新动态</li>
						<li>招聘消息</li>
						<li>联系我们</li>
					</ul>
				</div>
				<div>
					<span>消费者权益</span>
					<ul>
						<li>消费者服务</li>
						<li>意见反馈</li>
						<li>手机版下载</li>
					</ul>
				</div>
				<div>
					<span>商家</span>
					<ul>
						<li>如何开始</li>
						<li>商家问题</li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div>
					<span>权威认证</span>
					<ul>
						<li>
							<img src="http://static.udz.com/statics/udz/images/zfbtysj.jpg"/>
						</li>
						<li>
							<img src="http://static.udz.com/statics/udz/images/cert1.png"/>
						</li>
						<li>
							<img src="http://static.udz.com/statics/udz/images/yltysh.jpg"/>
						</li>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="less" rel="stylesheet/less">
	.footer{
		font-family: "微软雅黑";
		font-size: 0.75rem;
		height: 335px;
		background-color: #f3f3f3;
		box-sizing: border-box;
		padding: 60px;
		border-top: 1px solid lightgray;
		.footer-box{
			width: 1200px;
			margin: 0 auto;
			.footer-left{
				float: left;
				img{
					margin-bottom: 20px;
				}
				input{
					box-sizing: border-box;
					height: 30px;
					width: 160px;
					border: 1px solid lightgray;
				}
				span{
					display: inline-block;
					width: 70px;
					height: 30px;
					border-radius: 5px;
					background-color: #fc5454;
					text-align: center;
					line-height: 30px;
					color: white;
				}
				.copyright-content{
					margin-top: 10px;
					color: #9999af;
				}
			}
			.footer-right{
				font-size: 1rem;
				float: right;
				div{
					float: left;
					width: 170px;
					ul{
						padding: 0;
						margin: 0;
						margin-top: 20px;
						li{
							list-style: none;
							margin: 0;
							line-height: 30px;
							img{
								width: 170px;
								height: 50px;
							}
						}
					}
				}
			}
		}
	}
</style>